.ccyc {
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical; 
  -webkit-line-clamp:2; 
  }
  .imageWH{
    height: 200px;
    width: 200px;
    border-radius: 20px;
  }
  .tc-red{
    color: #ff4545;
  }
  .iconWH{
    width: 40px; height: 40px;
  }
  .buyBtn{
    width: 200px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #ff4545;
    color: #fff;
    border-radius: 80px;
  }
  .WH{
    width: 100vw;
    height: 100vh;
  }
      ::-webkit-scrollbar {
        width: 0;
        height: 0;
        color: transparent;
        display: none;
        }
  .select{
    width: 28px;
    height: 16px;
  }
.mtop-10{
  margin-top: 10px;
}
.mtop-20{
  margin-top: 20px;
}
.mtop-30{
  margin-top: 30px;
}
.mtop-40{
  margin-top: 40px;
}
.mtop-50{
  margin-top: 50px;
}
.mtop-60{
  margin-top: 60px;
}
.mtop-70{
  margin-top: 70px;
}
  .mtop-80{
    margin-top: 80px;
  }
  .w57-h49{
    width: 32px;
    height: 25px;
  }
  .wh25{
    width: 25px;
    height: 25px;
  }
  .wh{
    width: 100% !important;
    height: 100% !important;
  }
  .c-020B12{
    color: #020B12;
  }
  .c-348CD6{
    color: #348CD6;
  }
  .c-3C3C3C{
    color: #3C3C3C;
  }
  .c-393939{
    color: #393939;
  }
  .c-999999{
    color: #999999;
  }
  .c-2ABC6F{
    color: #1FE3B9 ;
  }
  .c-FF4F4D{
    color: #DC1860;
  }
  .c-818181{
    color: #818181;
  }
  .line{
    height: 3px;
    background: #14B6F9;
  }
  .view_btn_box{
    width: 557px;
    margin: 29px auto;
  }
  .view_btn,
  .view_name,
  .view_btn .bg{
    width: 262px;
    height: 72px;
  }